<template>
	<div style="margin-top: 20px;" align="center">
		<div style="width: 60%;box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.2);">
			<el-carousel :interval="5000" arrow="never" height="150px">
			    <el-carousel-item v-for="src in img" :key="src" style="height: 100%;">
			      <img :src="src" style="width: 100%;height: 100%;"/>
			    </el-carousel-item>
			  </el-carousel>
		</div>
	</div>
</template>

<script>
	export default {
		data(){
			return{
				img:[require("../static/img/Rotation/1.jpg"),require("../static/img/Rotation/2.jpg"),require("../static/img/Rotation/3.jpg")]
			};
		}
	}
</script>

<style>
</style>